<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/shop_common :: source"></head>

<style>
    .panel-group{max-height:770px;overflow: auto;}
    .leftMenu{margin:10px;margin-top:5px;}
    .leftMenu .panel-heading{font-size:14px;padding-left:20px;height:36px;line-height:36px;color:white;position:relative;cursor:pointer;}/*转成手形图标*/
    .leftMenu .panel-heading span{position:absolute;right:10px;top:12px;}
    .leftMenu .menu-item-left{padding: 2px; background: transparent; border:1px solid transparent;border-radius: 6px;}
    .leftMenu .menu-item-left:hover{background:#C4E3F3;border:1px solid #1E90FF;}
</style>

<body>
	<div th:include="/common/shop_common :: header"></div>
	<!--banner-->
	<div class="banner-top">
		<div class="container">
			<h2 class="animated wow fadeInLeft" data-wow-delay=".5s">Products</h2>
			<h3 class="animated wow fadeInRight" data-wow-delay=".5s">
				<a href="index.html">Home</a><label>/</label>Fruits<label>/</label>Women's
			</h3>
			<div class="clearfix"></div>
		</div>
	</div>
	
	<div th:include="/common/shop_common :: leftmenu"></div>
	<!-- contact -->
	<div style="padding:1em 0 0">
		<div class="container" style="width:1300px;height:800px">
			<div class="panel panel-default">
			    <div class="panel-heading">
			        <h3 class="panel-title">
			            <a>我的个人信息</a>
			        </h3>
			    </div>
			    <div class="panel-body">
			        <ul class="list-group">
			        	<li class="list-group-item" style="height:50px">
			        		<span>ID：</span><span th:text="${user.id}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>昵称：</span><span th:text="${user.name}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>性别：</span><span th:text="${user.sex}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>编码：</span><span th:text="${user.userCode}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>用户名：</span><span th:text="${user.userName}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>密码：</span><span>********</span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>手机号：</span><span th:text="${user.phone}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>地址：</span><span th:text="${user.address}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>邮箱：</span><span th:text="${user.email}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		<span>创建时间：</span><span th:text="${user.createTime}"></span>
			        	</li>
			        	<li class="list-group-item" style="height:50px;" align="center">
			        		<a class="btn btn-danger" id="changePassword" th:href="@{/user/changePasswordPage}">修改密码</a>
			        		<a class="btn btn-primary" id="changePassword" th:href="@{/bankcar/bankcarPage}">添加银行卡</a>
			        	</li>
			        	<li class="list-group-item" style="height:50px">
			        		
			        	</li>
			        </ul>
			    </div>
			</div>
		</div>
	</div>
</body>
</html>